@use "sass:map";
@import "setting";
@import "../scss-lib/scss/foundation";

@each $key, $value in $foundation-palette {
  .button.#{$key} {
    @include button($background: $value, $color: auto);
    border-radius: 8px;
  }
}

body {
  overflow: hidden;
}

#header {
  width: 100%;
  height: 4rem;
  background-color: #5A406D;
  position: absolute;
  color: white;

  .menu {
    width: 4rem;
    height: 4rem;
    float: left;
  }
}

#nav {
  float: left;
  height: 100%;
  width: 20rem;
  background-color: green;
}

#main {
  float: left;
  width: calc(100% - 20rem);
  height: 100%;
  background-color: gray;
}

#desktop {
  width: 100%;
  height: 100%;
  border: 0;
}

body, html {
  height: 100%
}

@include foundation-normalize;

.hidden {
  display: none;
}